<template>
	<view class="line-title">{{info.FBillNo}}</view>
	<view class="line xl">
		<view class="line-label">养殖批次：</view>
		<view class="line-content">{{info['F_QUQY_BREEDBATCH.FName']}}</view>
	</view>
	<view class="line xl">
		<view class="line-label">业务员：</view>
		<view class="line-content">{{info['F_QUQY_YWY.FName']}}</view>
	</view>
	<view class="line xl">
		<view class="line-label">合同编号：</view>
		<view class="line-content">{{info.F_QUQY_HTNUMBER}}</view>
	</view>
	<view class="line">
		<view class="line-label">合同数量：</view>
		<view class="line-content">{{info.F_QUQY_HTQTY}}</view>
	</view>
	<view class="line">
		<view class="line-label">总收入：</view>
		<view class="line-content">{{info.F_QUQY_ALLINAMOUNT}} 元</view>
	</view>
	<view class="line">
		<view class="line-label">总补贴：</view>
		<view class="line-content">{{info.F_QUQY_ALLSUBAMOUNT}} 元</view>
	</view>
	<view class="line">
		<view class="line-label">总支出：</view>
		<view class="line-content">{{F_QUQY_ALLOUTAMOUNT}} 元</view>
	</view>
	<view class="line">
		<view class="line-label">养殖利润：</view>
		<view class="line-content">{{info.F_QUQY_PROFIT}} 元</view>
	</view>
	<view class="line">
		<view class="line-label">已收款：</view>
		<view class="line-content">{{info.F_QUQY_RECEIVEAMOUNT}} 元</view>
	</view>
	<view class="line">
		<view class="line-label">实付金额：</view>
		<view class="line-content">{{info.F_QUQY_PAYAMOUNT}} 元</view>
	</view>
	<view class="line">
		<view class="line-label">结算状态：</view>
		<view class="line-content">{{state.jsStatus[info.F_QUQY_JSSTATUS]}}</view>
	</view>
	<Status :status="1" :zoom="0.7" :txt="info.FDocumentStatus"></Status>
</template>

<script setup>
	// 上苗计划列表
	import moment from 'moment'
	import { reactive, getCurrentInstance, ref } from 'vue'
	import { onLoad } from '@dcloudio/uni-app'
	const { proxy } = getCurrentInstance()

	const props = defineProps({
		info: {
			type: Object,
			default: () => {}
		}
	})

	const state = reactive({
		jsStatus: {
			A: '全部结算',
			B: '部分结算'
		}
	})
</script>
<style lang="scss" scoped>
	.line-title {
		width: 100%;
		font-weight: 800;
		line-height: 60rpx;
		color: #409eff;
	}

	.line {
		display: flex;
		width: 50%;
		line-height: 50rpx;

		&.xl {
			width: 100%;
		}

		.line-label {
			width: 140rpx;
			text-align: justify;
			text-align-last: justify;
		}
	}
</style>